@import 'base.less';
@import 'common.less';
body{
}
#phpernote_overlay{position:absolute;top:0;left:0;z-index:100;width:100%;background-color:#CCC;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
#phpernote_window{position:absolute;background:#fff;z-index:102;color:#000000;border:0px solid #666}
#phpernote_nav{clear:both;height:30px;line-height:30px;background-color:#E8E8E8;padding:0 6px;border-bottom:1px solid #999;}
#phpernote_title{float:left;}
#phpernote_operat{float:right;}
#phpernote_content{text-align:center;margin:0 auto;}


// pc
@media screen and (min-width: 769px) {
	.alert,.alert-error{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		.alert-body{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			background: #fff;
			height: 4.16rem;
			width: 5.7rem;
			h6{
				margin-bottom: 0;
				margin-top: 0;
				background: #265f73;
				color: #fff;
				height: 0.84rem;
				line-height: 0.84rem;
				text-align: center;
				font-size: 0.36rem;
			}
			p{
				margin: 0 auto;
				text-align: center;
				color: #265f73;
				font-size: 0.36rem;
				height: 0.36rem;
				line-height: 0.36rem;
			}
			img{
				margin-top: 20pt;
				margin-left: 100pt;
				width: 0.42rem;
				height: 0.42rem;
			}
			button{
				cursor: pointer;
				margin-left: 54pt;
				color: #fff;
				height: 0.76rem;
				border: none;
				width: 2.86rem;
				background: #265f73;
				font-size: 0.36rem;
			}
		}
	}
	body{
		margin: 0 auto;
		width: 1280px;
	}
	header{
		background: url(../img/check_bg_pc.jpg) no-repeat center;
		background-size: cover;
	}
	.header-body{
		display: none;
	}
	.record{
		display: inline;
		float: left;
		text-align: center;
		color: #fff;
		span,p{
			text-align: center;
		}
		p{
			margin-bottom:-21pt;
		}
	}
	.notes{
		width: 100%;
	}
	header table{
		width: 385pt;
		margin:0 auto;
		height: 217pt;
	}
	.check-btn{
		margin: 0 auto;
		width: 138pt;
		position: relative;
		img{
			position: relative;
			margin-top: 59pt;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 138pt;
		}
		span{
				position: absolute;
				top: 0;
				left: 7pt;
				margin: 0 auto;
				margin-top: 92pt;
				text-align: center;
				color: #fff;
				font-size: 13pt;
			}
	}
	.mobile{
		display: none;
	}
	.record p{
		font-size: 24pt;
	}
	.record span{
		font-size: 0.34rem;
	}
	.notes{
		margin: 0 auto;
		background: #fff;
	}
	article{
		margin: 0 auto;
		height: 59pt;
		width: 495pt;
		font-size: 12pt;
		line-height: 59pt;
		padding-left: 38pt;
		margin-bottom: 20pt;
	}
	.calendar table{
		margin: 0 auto;
	}
	.calendar{
		color:#333;
		margin-bottom: 36pt;
		caption{
			font-size: 18pt;
			height: 51pt;
			line-height: 51pt;
		}
		thead,tbody{
			width: 495pt;
			margin: 0 auto;
		}
		thead tr th{
			font-size: 20pt ;
		}
		tr{
			td,th{
				font-size: 28pt;
				height: 61px;
				width: 61px;
				text-align: center;
			}
			td span{
				font-weight: bold;
			}
		}
	}
}

// mobile
@media screen and (max-width: 768px) {
	.alert,.alert-error{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		.alert-body{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			background: #fff;
			height: 3.8rem;
			width: 4.72rem;
			.display-box();
			.box-orient(vertical);
			.box-align();
			
			h6{
				margin-top: 0;
				width: 100%;
				background: #265f73;
				color: #fff;
				height: 0.66rem;
				line-height: 0.66rem;
				text-align: center;
				font-size: 0.3rem;
			}
			p{
				.display-box();
				padding-bottom: 0.2rem;
				margin: 0 auto;
				text-align: center;
				color: #265f73;
				font-size: 0.3rem;
			}
			div{
				.display-box();
				width: 0.42rem;
				height: 0.42rem;
			}
			img{
				margin-top: 0.5rem;
				margin-bottom: 0.2rem;
				.display-box();
				width: 0.42rem;
				height: 0.42rem;
			}
			button{
				.display-box();
				cursor: pointer;
				margin: 0 auto;
				// margin-left: 66pt;
				color: #fff;
				height: 0.6rem;
				border: none;
				width: 2.28rem;
				background: #265f73;
				font-size: 0.3rem;
			}
		}
	}

	header{
		background: url(../img/check_bg.jpg) no-repeat center;
		background-size: cover;
		table{
			display: none;
		}
	}
	.header-body{
		height:165pt;
		.check-btn{
			position: relative;
			margin: 0 10pt;
			span{
				position: absolute;
				text-align: center;
				bottom: 16pt;
				left: 0;
				right: 0;
				margin: 0 auto;
				color: #fff;
				font-size: 6pt;
			}
		}
		.mobile{
			width: 104pt;
		}
		.pc{
			display: none;
		}
	}
	.record p{
		font-size: 24pt;
	}
	.record span{
		font-size: 9pt;
	}
	.notes{
		background: #f0f3f4;
	}
	article{
		height: 45pt;
		font-size: 12pt;
		line-height: 45pt;
		padding-left: 18pt; 
	}
	footer{
		margin-top: 22pt;
	}
	.calendar table{
		margin: 0 auto;
		width: 5.7rem;
	}
	.calendar{
		color:#333;
		margin-bottom: 30pt;
		caption{
			font-size: 13pt;
			height: 39pt;
			line-height: 39pt;
		}
		thead,tbody{
			margin: 0 auto;
		}
		thead tr th{
			font-size: 12pt ;
		}
		tr{
			span{
				margin: 0 1pt;
			}
			td,th{
				font-size: 0.4rem;
				height: 38px;
				width: 34px;
				text-align: center;
			}
			td span{
				font-weight: bold;
			}
		}
	}
	.header-body{
		.display-box();
		.box-pack();
		.box-align();
		margin:0 auto;
	}

	.record{
		.display-box();
		.box-orient(vertical);
		.box-align();
		.box-pack();
		color: #fff;
		span,p{
			.display-box();
		}
	}

	.notes{
		width: 100%;
		.display-box();
	}

}



footer{
	cursor: pointer;
	line-height: 32pt;
	text-align: center;
	height: 32pt;
	color: rgb(114, 113, 113);
	font-size: 0.3rem;
	width: 100%;
	background: rgb(234, 235, 239);
}








article{
	background: rgb(240, 243, 244);
	color: rgb(42, 50, 52);
}
 


.hide{
	display: none;
}


.widget-disabled{
	opacity: 0;
}

.calendar thead tr th:last-child,.calendar thead tr th:nth-child(6),.calendar tbody tr td:last-child,.calendar tbody tr td:nth-child(6){
	color: rgb(223, 56, 62);
}
.calendar caption{
	color: rgb(64, 73, 75);
	.widget-prevMonth{
		float: left;
	}
	.widget-nextMonth{
		float: right;
	}
}
.calendar caption a{
	color:#666;
}
.calendar tbody tr:first-child td:first-child, .calendar tbody tr:first-child td:nth-child(4){
	background: rgb(2, 167, 208);
	border-radius: 50%;
	color: #fff;
}
.calendar .widget-today{
	background: rgb(2, 167, 208);
	border-radius: 50%;
	color: #fff;
}


.check-btn img,footer{
	cursor: pointer;
}
